<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
	layout:decorator="option/base_page">
<head>
	<meta charset="UTF-8" />
	<title>无线微功耗气体检测报警系统</title>
	<link rel="stylesheet" th:href="@{/lib/bootstrap-table/bootstrap-table.min.css}">
	<link rel="stylesheet" th:href="@{/css/base.css}" />
	<link rel="stylesheet" th:href="@{/css/basics.css}" />
	<script th:src="@{/lib/bootstrap-table/bootstrap-table.min.js}"></script>
	
	<script type="text/javascript" th:src="@{/js/baiduMap.js}"></script>
	<script type="text/javascript" th:src="@{/js/tianMap.js}"></script>
	<!-- <script type="text/javascript" th:src="@{/js/map.js}"></script> -->
	<script th:inline="javascript" type="text/javascript" th:src="@{/js/team.js}"></script>
	<!-- <script type="text/javascript" th:src="@{/js/geographicLayer.js}"></script> -->
	<script type="text/javascript" th:src="@{/js/historyMap.js}"></script>
	<script type="text/javascript" th:src="@{/js/utils.js}"></script>
	<script type="text/javascript" th:src="@{/js/esm_drag.js}"></script>
	<script type="text/javascript" th:src="@{/js/esmLayer.js}"></script>
	<script type="text/javascript" th:src="@{/js/hashmap.js}"></script>
</head>
<body layout:fragment="option-main">
	<h3 class="headTop">井队经纬度管理</h3>
	<!-- <h5>名称、联系人（电话）、备注</h5> -->
	<div class="mapUp">
	    <div class="content" style="">
			<div class="pre">
				<div class="type">							
					<!-- <div class="search mb10">
						<input type="text" placeholder="请输入关键字"  class="into"/>
						<i class="searIcon">
						   <svg class="bi bi-search" width="1.2em" height="1.2em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
							  <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z" clip-rule="evenodd"/>
							  <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z" clip-rule="evenodd"/>
						    </svg>
						</i>
					</div> -->
					<div class="search mb10">
						<input type="text" placeholder="请输入关键字" id="teamKeyword" class="into">
							<i class="searIcon" id="teamSearEvent"></i>
					</div>
					
					<!-- 添加 -->
				    <!-- <div class="addTo" onclick="addTeam()">+添加</div> -->
				    <div class="container">
						<div class="list">
							<ul id="teamList">
								
							</ul>
						</div>
					</div>
				</div>
				
				<!-- <div class="warpSroll">
					<div class="container">
						<div class="list">
							<ul id="teamList">
								
							</ul>
						</div>
					</div>
				</div> -->
				<!-- 详情信息弹框 -->
				<div class="gisBox" id="addTeamBox" style="display:none;">
				    
				</div>
				<div class="gisBox" id="teamBox" style="display:none;">
				    
				</div>
				<!-- 分页 -->
				<div class="page" id="teamPage">
					
				</div>
			</div>
		</div>
		<!-- 地图 -->
		<div class="mapImg" id="map"></div>
		<!-- 卫星 -->
          <div class="stars" id="starsDiv">
		<!-- 聊天信息显示 -->
          	<div class="position" onclick="moveCenter();"><i class="poIcon"></i></div>
          	<div class="starsWord">
          		<p><i class="plus" onclick="zoom(1)"></i></p>
          		<p><i class="reduce"  onclick="zoom(0)"></i></p>
          	</div>
          	<!-- <div class="starsTxtVideo"><a href="javascript:showBigCamera()">视频</a></div> -->
          	<div class="starsTxt" onclick="showWeiXingTu()">卫星</div>
          	<div class="starsTxt" onclick="showDiTu()">地图</div>
          	<div class="txtNone"></div>
          </div>
	</div>
</body>
</html>